html {
    font-size: 350%;
}
.m-flow {
    font-size: 28.57%;
    position: absolute;
    width: 100%; height: 100%;
    background: rgba(0, 0, 0, .6);
}
.m-flow .content {
    position: absolute; top: 50%; left: 50%;
    width: 5.31rem; height: 8.24rem;
    -webkit-transform: translate3d(-50%,-50%, 0);
    background: -webkit-linear-gradient(#e8e8e8, #b0b0b0);
}
.u-close {
    position: absolute; top: -0.57rem; right: 0;
    width: 0.42rem; height: 0.42rem;
    border: 1px solid #fff; border-radius:  50%;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: rotate(45deg);
}
.u-close:after, .u-close:before {
    content: '';
    position: absolute; top: 50%; left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    width: 1px; height: 10px;
    background: #fff;
    border-radius: 50%;
}
.u-close:before {
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(90deg);
    -webkit-transform-origin: 50% 50%;
}